<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ taglib prefix="sec"
	uri="http://www.springframework.org/security/tags"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<fmt:setBundle basename="bundles.users" />
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>DSP软件</title>
<link href="css/default.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="js/themes/gray/easyui.css" />
<link rel="stylesheet" type="text/css" href="js/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="css/form.css" />
<script type="text/javascript" src="js/jquery-1.6.min.js"></script>
<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
<script type="text/javascript" src='js/default.js'></script>
<script type="text/javascript" src='js/common.js'></script>
<script type="text/javascript">

	//设置登录窗口
	function openPwd() {
		$('#w').window({
			title : '修改密码',
			width : 300,
			modal : true,
			shadow : true,
			closed : true,
			height : 210,
			resizable : false
		});
	}
	//关闭窗口
	function closePwd() {
		$('#w').window('close');
	}

	//修改密码
	function serverLogin() {
		var $oldpass = $("#oldPassword");
		var $newpass = $('#newPassword');
		var $rePass = $('#confirmPass');
		
		if ($oldpass.val() == '') {
			msgShow('系统提示','请输入原密码','warning');
			return false;
		}

		if ($newpass.val() == '') {
			msgShow('系统提示', '请输入密码！', 'warning');
			return false;
		}
		if ($rePass.val() == '') {
			msgShow('系统提示', '请在一次输入密码！', 'warning');
			return false;
		}

		if ($newpass.val() != $rePass.val()) {
			msgShow('系统提示', '两次密码不一至！请重新输入', 'warning');
			return false;
		}

		$.ajax({
				type:"POST", url:'update_password',dataType:'json',
				data:{oldPassword:$oldpass.val() , newPassword:$newpass.val() , confirmPass: $rePass.val() } ,
				complete : function(jqXHR, status, responseText) {
					if(status == 'success'){ 
						var json = eval("("+ jqXHR.responseText+")");
						if (json.success){
							msgShow('系统提示', '恭喜，密码修改成功!', 'info');
							$oldpass.val('');
							$newpass.val('');
							$rePass.val('');
							closePwd();
						} else {
							msgShow('系统提示',json.msg , 'warning');
						}
					}
				}
		});
	}

	$(function() {

		openPwd();
		
		$("#mainMenu").tabs();

		$('#editpass').click(function() {
			$('#w').window('open');
		});

		$('#btnEp').click(function() {
			serverLogin();
		});

		$('#btnCancel').click(function() {
			closePwd();
		});

		$('#loginOut').click(function() {
			$.messager.confirm('系统提示', '您确定要退出本次登录吗?', function(r) {

				if (r) {
					location.href = 'j_spring_security_logout';
				}
			});
		});
	});
</script>

</head>
<body class="easyui-layout" style="overflow-y: hidden" scroll="no">
	<noscript>
		<div
			style="position: absolute; z-index: 100000; height: 2046px; top: 0px; left: 0px; width: 100%; background: white; text-align: center;">
			<img src="images/noscript.gif" alt='抱歉，请开启脚本支持！' />
		</div>
	</noscript>
	<div region="north" split="true" border="false"
		style="overflow: hidden; height: 60px; background: url(images/layout-browser-hd-bg.gif) #7f99be repeat-x center 50%; line-height: 20px; color: #fff; font-family: Verdana, 微软雅黑, 黑体">
			<span style="float: right; padding-right: 20px;" class="head">
			    <a href="#" id="editpass">修改密码</a> <a href="#" id="loginOut">安全退出</a>
			</span> 
			<span style="padding-left: 10px; font-size: 16px;">
			<img src="images/blocks.gif" width="40" height="40" align="absmiddle" />
			jQuery.EasyUI- 1.2.2 应用实例</span>
			<br />
	</div>
	<div region="south" split="true"
		style="height: 30px; background: #EFEFEF;">
		<div class="footer"></div>
	</div>
	<div region="west" hide="true" split="true" title="导航菜单"
		style="width: 180px;" id="west">
		<div id="nav" class="easyui-accordion" fit="true" border="false">
			<!--  导航内容 -->

		</div>

	</div>
	<div id="mainPanle" region="center"
		style="background: #eee; overflow-y: hidden">
		<div id="tabs" class="easyui-tabs" fit="true" border="false">
			<div title="看板"
				style="padding: 20px; overflow: hidden; color: red;">
				 
			</div>
		</div>
	</div>

	<!--修改密码窗口-->
	<div id="w" class="easyui-window" title="修改密码" collapsible="false"
		minimizable="false" maximizable="false" icon="icon-save"
		style="width: 300px; height: 210px; padding: 5px; background: #fafafa;">
		<div class="easyui-layout" fit="true">
			<div region="center" border="false"
				style="padding: 10px; background: #fff; border: 1px solid #ccc;">
				<table cellpadding=3>
					<tr>
						<td>旧密码：</td>
						<td><input id="oldPassword" type="password" class="txt01" />
						</td>
					</tr>
					<tr>
						<td>新密码：</td>
						<td><input id="newPassword" type="password" class="txt01" />
						</td>
					</tr>
					<tr>
						<td>确认密码：</td>
						<td><input id="confirmPass" type="password" class="txt01" />
						</td>
					</tr>
				</table>
			</div>
			<div region="south" border="false"
				style="text-align: right; height: 30px; line-height: 30px;">
				<a id="btnEp" class="easyui-linkbutton" icon="icon-ok"
					href="javascript:void(0)"> 确定</a> <a id="btnCancel"
					class="easyui-linkbutton" icon="icon-cancel"
					href="javascript:void(0)">取消</a>
			</div>
		</div>
	</div>

	<div id="mm" class="easyui-menu" style="width: 150px;">
		<div id="mm-tabupdate">刷新</div>
		<div class="menu-sep"></div>
		<div id="mm-tabclose">关闭</div>
		<div id="mm-tabcloseall">全部关闭</div>
		<div id="mm-tabcloseother">除此之外全部关闭</div>
		<div class="menu-sep"></div>
		<div id="mm-tabcloseright">当前页右侧全部关闭</div>
		<div id="mm-tabcloseleft">当前页左侧全部关闭</div>
		<div class="menu-sep"></div>
		<div id="mm-exit">退出</div>
	</div>
</body>
</html>
